@import './varibles.styl';
html, body, #app
  background: $bgColor;
  max-width: 640px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
// 单行截断溢出省略号
ellipsis()
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
// 多行截断溢出省略号
mult_line_ellipsis(line)
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: line;
input
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-appearance: none;
.yd-btn-block
  width: calc(100% - 0.64rem);
  margin: 0 0.32rem;
  height: 0.94rem;
  border-radius: 5px;
.btn-blue
  background-color: $blue !important;
  font-size: 0.36rem !important;
.btn-blue:active
  background-color: #0d60b3 !important;
.yd-btn-disabled
  opacity: 0.5;
.yd-confirm-hd
  text-align: center;
  display: none;
.yd-confirm-bd
  text-align: center;
  padding: 0.68rem 0.32rem 0.3rem;
  color: #333333;
  font-size: 0.3rem;
.yd-confirm-ft
  border-top: 1px solid #DDDDDD;
  font-size: 0.36rem;
  line-height: 1rem;
  .yd-confirm-btn.primary
    color: #108EE9;
.yd-confirm-ft>a:not(:last-child):after
  background: #DDDDDD;
  background-image: none;
